import Form from "next/form"

export default function Search() {
    return (
        <Form action={"/products-db"} className="flex">
            <input
                name="query"
                className="flex-1 border border-gray-300 rounded-md px-4 py-2 focus:outline-none"
                placeholder="Search products"
            />
            <button
                type="submit"
                className="bg-blue-500 text-white rounded-md px-4 py-2 hover:bg-blue-600 transition-colors"
            >
                Search
            </button>
        </Form>
    )
}
